<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>课程训练详情</title>
	</head>
	<body id="train">
		<main>
			<!-- 视频和标题部分 -->
			<section id="main1">
				<span id="back">&lt;</span>
				<!-- 视频预览 -->
				<div id="preview">
					<video
						src="http://fitness.h5.itsource.cn:3701/course/part2.mp4"
						muted
					></video>
					<i class="iconfont icon-bofang"></i>
					<p>视频预览</p>
				</div>
				<div id="videoBottom">
					<h2>巧克力腹肌</h2>
					<p>
						<strong>45</strong>千卡 <strong>15</strong>分钟
						<span>999w人练过</span>
					</p>
					<p class="link"></p>
				</div>
			</section>
			<!-- 用户名部分 -->
			<section id="main2">
				<!-- 头像 -->
				<img src="../../assets/images/dc.jpg" id="avator" alt="" />
				<div id="username">
					<h3>小乔</h3>
					<p>三线大人课程设计师</p>
				</div>
				<div id="follow">
					<button type="button">+关注</button>
				</div>
			</section>
			<p id="text">
				15分钟将带你雕刻出性感的巧克力父级， 对腹部进行全方位的刺激，泵感十足,
				对腹部进行全方位的刺激，泵感十足
			</p>
			<!-- 练习频次和器械 -->
			<section id="main3">
				<div id="left">
					<i class="iconfont icon-wenjiangui1"></i>
					<strong>练习频次</strong>
					<p>每周3-5次</p>
				</div>
				<div id="right">
					<i class="iconfont icon-gangling"></i>
					<strong>器械</strong>
					<p>无</p>
				</div>
			</section>
			<!-- 开始训练 -->
			<p id="startTrain">
				<a href="sports_course_video.html">开始训练</a>
			</p>
		</main>
	</body>
</html>
